{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="m24-c-products">
  <section class="m24-c-content">
    <div class="m24-c-intro">
      <h2 class="m24-c-intro-title">{{ ftl('m24-home-love-the-internet') }}</h2>
      <p>{{ ftl('m24-home-break-free-from') }}</p>
    </div>

    <ul class="m24-c-launchpad">
      <li class="m24-c-launchpad-item">
        <a class="m24-c-launchpad-link m24-t-product-firefox" href="https://www.firefox.com/{{ utm_params }}" data-cta-text="Firefox" data-cta-position="product-list">
          <strong class="m24-c-launchpad-title">{{ ftl('m24-home-firefox') }}<b>:</b></strong>
          <span class="m24-c-launchpad-info">{{ ftl('m24-home-get-the-gold') }}</span>
        </a>
      </li>
      <li class="m24-c-launchpad-item">
        <a class="m24-c-launchpad-link m24-t-product-thunderbird" href="https://www.thunderbird.net/{{ utm_params }}" data-cta-text="Thunderbird" data-cta-position="product-list">
          <strong class="m24-c-launchpad-title">{{ ftl('m24-home-thunderbird') }}<b>:</b></strong>
          <span class="m24-c-launchpad-info">{{ ftl('m24-home-go-chaosfree-with') }}</span>
        </a>
      </li>
      <li class="m24-c-launchpad-item">
        <a class="m24-c-launchpad-link m24-t-product-vpn" href="{{ url('products.vpn.landing') }}" data-cta-text="VPN" data-cta-position="product-list">
          <strong class="m24-c-launchpad-title">{{ ftl('m24-home-mozilla-vpn') }}<b>:</b></strong>
          <span class="m24-c-launchpad-info">{{ ftl('m24-home-keep-your-location') }}</span>
        </a>
      </li>
      <li class="m24-c-launchpad-item">
        {% if LANG.startswith('en-') %}
          {% set monitor_link = url('products.monitor.landing') %}
        {% else %}
          {% set monitor_link = "https://monitor.mozilla.org/?" + utm_params %}
        {% endif %}
        <a class="m24-c-launchpad-link m24-t-product-monitor" href="{{monitor_link }}" data-cta-text="Monitor" data-cta-position="product-list">
          <strong class="m24-c-launchpad-title">{{ ftl('m24-home-mozilla-monitor') }}<b>:</b></strong>
          <span class="m24-c-launchpad-info">{{ ftl('m24-home-get-a-headsup') }}</span>
        </a>
      </li>
      <li class="m24-c-launchpad-item">
        <a class="m24-c-launchpad-link m24-t-product-relay" href="https://relay.firefox.com/?{{ utm_params }}" data-cta-text="Relay" data-cta-position="product-list">
          <strong class="m24-c-launchpad-title">{{ ftl('m24-home-firefox-relay') }}<b>:</b></strong>
          <span class="m24-c-launchpad-info">{{ ftl('m24-home-mask-your-email') }}</span>
        </a>
      </li>
    </ul>
    <p class="m24-c-section-cta"><a href="{{ url('products.landing') }}" class="m24-c-cta" data-cta-text="Explore our products">{{ ftl('m24-home-explore-our-products') }}</a></p>
  </section>
</div>
